<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.i-box1{ padding: 60px 0;}
.i-box2{ padding: 40px 0 50px;}
.i-tit{ font-size: 48px; color: #3598dc; text-align: center; margin-bottom: 40px; }

/*index-pro*/
.index-pro li{ background: #eee;}
.index-pro .pic{ width: 50%;}
.index-pro .txt{ width: 50%; padding: 25px 35px 0 90px;}
.index-pro .li2 .txt{ padding-top: 45px;}
.index-pro .li3 .txt{ padding-top: 55px;}
.index-pro h3{ position: relative; font-size: 18px; color: #3598dc; font-weight: 400;}
.index-pro .jia{ position: absolute; top: 0; left: -58px; width: 36px; height: 36px; line-height: 32px; text-align: center; font-size: 30px; color: #fff; background: #3598dc; }
.index-pro h3 a{ font-size: 30px; font-weight: 700; margin-right: 8px;}
.index-pro p{ margin-top: 15px; font-size: 16px; line-height: 36px;}
.index-pro .txt li{ float: left; margin-top: 10px; width: 33.33%;}

/*index-about*/
.index-about{ background: url("../images/i-about-bg.jpg") repeat center;}
.i-a-pic{ width: 42.2%;}
.i-a-txt{ width: 55.5%; padding-top: 10px;}
.i-a-txt h3{ position: relative; padding-bottom: 15px; font-size: 30px; border-bottom: 1px solid #787878; }
.i-a-txt h3 a{ position: absolute; right: 0; bottom: 15px; font-size: 16px; color: #fff; width: 70px; text-align: center; line-height: 28px; background: #3598dc; font-weight: 400;}
.i-a-txt p{ font-size: 16px; line-height: 36px; margin-top: 15px;}
.i-a-txt ul{ margin: 25px -9px 0;}
.i-a-txt li{ float: left; width: 33.333%; padding: 0 9px; }
.i-a-txt li img{ -webkit-box-shadow: 0 0 10px 0 rgba(53,152,220,.9);
    -moz-box-shadow: 0 0 10px 0 rgba(53,152,220,.9);
    box-shadow: 0 0 10px 0 rgba(53,152,220,.9);}

/*index-choose*/
.index-choose .i-tit{ margin-bottom: 0;}
.index-choose .i-tit + p{ margin: 12px 0 35px; font-size: 18px; line-height: 30px; text-align: center;}

/*index-kehu*/
.index-kehu{ background: url("../images/i-kehu-bg.jpg") repeat center;}
.index-kehu h2{ color: #fff;}
.index-kehu ul{ margin: 0 -20px;}
.index-kehu li{ float: left; width: 33.333%; padding: 0 20px;}
.i-kh-box{ padding: 30px 20px; background: #fff;}
.i-kh-box h3{ margin: 15px 0 9px; font-size: 18px; color: #3598dc;}
.i-kh-box p{ font-size: 16px; line-height: 30px;}
.i-kh-box .more{ display: block; margin-top: 15px; width: 114px; line-height: 38px; text-align: center; font-size: 16px; color: #fff; background: #d92e27;}

/*index-dingzhi*/
.index-dingzhi{ color: #fff; height: 371px; background: url("../images/i-dingzhi-bg.jpg") no-repeat center/cover;}
.index-dingzhi .container{ position: relative;}
.i-dz-txt{ width: 70%; padding-top: 70px; text-align: center; font-size: 18px; line-height: 48px; }
.i-dz-txt h2{ margin-bottom: 15px; }
.i-dz-links a{ padding: 0 20px; }
.i-dz-links a + a{ border-left: 1px solid;}
.i-dz-txt p img{ position: relative; top: -2px; }
.i-dz-txt .more{ margin-top: 13px; display: inline-block; width: 190px; height: 42px; line-height: 42px; font-size: 18px; color: #fff; background: #3598dc;  -webkit-box-shadow: 1px 2px 2px 0 rgba(46,46,46,.49);
    -moz-box-shadow: 1px 2px 2px 0 rgba(46,46,46,.49);
    box-shadow: 1px 2px 2px 0 rgba(46,46,46,.49);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.i-dz-biaodan{ position: absolute; right: 0; top: 0; width: 320px; height: 370px; padding: 29px 28px 0; background: rgba(0,0,0,.5);}
.i-dz-biaodan h2{ font-size: 20px; font-weight: 400; margin-bottom: 20px;}
.i-dz-biaodan li{ position: relative; margin-bottom: 25px;}
.i-dz-biaodan label{ position: absolute; left: 0; top: 11px; width: 43px; height: 18px; text-align: center; line-height: 18px; color: #8d8d8d; font-size: 20px; border-right: 1px solid #b5b5b6; }
.i-dz-biaodan .saytext label{ font-size: 16px;}
.i-dz-biaodan .text{ width: 100%; line-height: 40px; padding-left: 60px; border: 1px solid #b5b5b6; background: #fff;}
.i-dz-biaodan input{ height: 40px;}
.i-dz-biaodan textarea.text{ height: 76px; line-height: 34px;}
.i-dz-biaodan .saytext{ margin-bottom: 15px;}
.i-dz-biaodan .submit{ width: 114px; height: 36px; font-size: 16px; color: #c40000; text-align: center; line-height: 36px; background: #c8c8c8; border: 0;}

/*index-news*/
.index-news{ padding: 45px 0 60px; }
.index-news h3{ position: relative; font-size: 24px; padding-bottom: 19px; border-bottom: 1px solid #b7b7b7; }
.index-news h3 a{ position: absolute; bottom: 15px; right: 0; font-size: 13px; color: #d01617; }
.index-news h3 span{ display: inline-block; margin-left: 3px; width: 24px; height: 22px; text-align: center; line-height: 22px; color: #fff; background: #d01617; }
.i-n-hangye,.i-n-gongsi{ width: 46.5%; }
.i-n-hangye li{ margin-top: 22px; }
.i-n-hangye .date{ float: left; margin-right: 25px; text-align: center; }
.i-n-hangye .day{ font-size: 44px; color: #333; margin-bottom: 14px;}
.i-n-hangye .y-m{ font-size: 16px; color: #666; }
.i-n-hangye h4{ margin: 0 0 10px; font-size: 16px; }
.i-n-hangye p{ color: #666; line-height: 26px; height: 52px; overflow: hidden;}
.i-n-hangye .txt{ overflow: hidden; }

.i-gs-hot{ margin: 20px 0 10px; }
.i-gs-hot .pic{ width: 30.5%; margin-right: 20px; }
.i-gs-hot .txt{ overflow: hidden; }
.i-gs-hot h4{ font-size: 16px; margin: 0 0 10px; }
.i-gs-hot p{ position: relative; line-height: 28px; color: #666; height: 84px; overflow: hidden; }
.i-gs-hot p a{ position: absolute; bottom: 0; right: 0; width: 4.3em; text-align: center; color: #cc0001; background: #fff; }
.i-n-gongsi li{ position: relative; font-size: 16px; line-height: 40px; padding-left: 20px; background: url(../images/i-news-icon.png) no-repeat left center; }
.i-n-gongsi li:first-child{ display: none; }
.i-n-gongsi li a{ display: block; padding-right: 94px; border-bottom: 1px dotted #505050; }
.i-n-gongsi li span{ position: absolute; right: 0; top: 0; font-weight: 400; }

.i-n-hangye h4,.i-gs-hot h4,.i-n-gongsi li a{ font-weight: 700; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }


@media screen and (max-width: 1249px){
    .i-box1{ padding: 50px 0;}
    .i-tit{ font-size: 42px; margin-bottom: 35px; }

    /*index-pro*/
    .index-pro .txt{ padding: 15px 20px 0 60px;}
    .index-pro .li2 .txt{ padding-top: 20px;}
    .index-pro .li3 .txt{ padding-top: 40px;}
    .index-pro .jia{ left: -45px;}
    .index-pro h3 a{ font-size: 28px;}
    .index-pro p{ margin-top: 10px; font-size: 15px; line-height: 30px;}
    .index-pro .txt ul{ padding-right: 120px;}
    .index-pro .txt li{ padding: 0 6px;}

    /*index-about*/
    .i-a-txt{ padding-top: 0;}
    .i-a-txt h3{ font-size: 28px;}
    .i-a-txt p{ margin-top: 12px; font-size: 14px; line-height: 30px;}
    .i-a-txt ul{ margin-top: 15px;}



    /*index-kehu*/
    .index-kehu ul{ margin: 0 -10px;}
    .index-kehu li{ padding: 0 10px;}
    .i-kh-box{ padding: 15px 12px 20px;}

    /*index-dingzhi*/
    .i-dz-txt{ width: 67%;}

    /*index-news*/
    .index-news{ padding-bottom: 50px; }
    .i-n-hangye li{ margin-top: 17px; }
    .i-gs-hot p{ line-height: 27px; height: 81px; }

    /*footer*/
    .footer dl{ margin-right: 45px;}
    .footer-wechat{ width: 46%;}
    .footer-wechat .pic{ margin-right: 10px;}

}
@media screen and (max-width: 991px){
    .daohang .logo a{ width: 125px; background-image: url("../images/logo2.png");}
    .navbar &gt; li{ padding: 0 6px 15px;}
    .navbar &gt; li &gt; a{ font-size: 16px;}

    .i-box1{ padding: 40px 0;}
    .i-box2{ padding: 35px 0 40px;}
    .i-tit{ font-size: 38px; margin-bottom: 30px; }

    /*index-pro*/
    .index-pro .txt{ padding: 12px 13px 0 50px;}
    .index-pro .li2 .txt{ padding-top: 10px;}
    .index-pro .li3 .txt{ padding-top: 25px;}
    .index-pro h3{ font-size: 15px;}
    .index-pro .jia{ width: 30px; height: 30px; line-height: 26px; left: -40px;}
    .index-pro h3 a{ font-size: 22px; margin-right: 4px;}
    .index-pro p{ margin-top: 10px; font-size: 12px; line-height: 22px;}
    .index-pro .txt ul{ padding-right: 80px;}
    .index-pro .txt li{ margin-top: 5px;}

    /*index-about*/
    .i-a-pic{ float: none!important; width: 100%;}
    .i-a-txt{ float: none!important; width: 100%; max-width: 506px; margin: 15px auto 0; }
    .i-a-txt h3{ font-size: 24px;}
    .i-a-txt h3 a{ line-height: 26px;}

    /*index-choose*/
    .index-choose .i-tit + p{ margin-bottom: 20px;}


    /*index-kehu*/
    .index-kehu ul{ margin: 0 -6px;}
    .index-kehu li{ padding: 0 6px;}
    .i-kh-box{ padding: 10px 10px 15px;}
    .i-kh-box h3{ font-size: 17px; margin: 13px 0 7px;}
    .i-kh-box p{ font-size: 14px; line-height: 26px;}
    .i-kh-box .more{ width: 100px; line-height: 34px; margin-top: 10px;}

    /*index-dingzhi*/
    .i-dz-txt{ width: 60%;}
    .i-dz-biaodan{ width: 290px; padding: 29px 15px 0;}

    /*index-news*/
    .index-news{ padding-bottom: 40px; }
    .i-n-hangye, .i-n-gongsi{ width: 48.5%; }
    .index-news h3{ font-size: 20px; font-weight: 700; padding-bottom: 10px; }
    .index-news h3 a{ bottom: 10px; }
    .i-n-hangye li{ margin-top: 17px; }
    .i-n-hangye .date{ margin-right: 12px; }
    .i-n-hangye .day{ font-size: 38px; margin-bottom: 10px; }
    .i-n-hangye .y-m{ font-size: 14px; line-height: 20px; }
    .i-n-hangye p{ font-size: 13px; line-height: 22px; height: 44px; }

    .i-gs-hot{ margin-top: 15px; }
    .i-gs-hot .pic{ margin-right: 12px; }
    .i-gs-hot p{ font-size: 13px; line-height: 24px; height: 48px; }
    .i-n-gongsi li{ padding-left: 12px; }
    .i-n-gongsi li a{ padding-right: 80px; }
    .i-n-gongsi li span{ font-size: 14px; }

    .i-n-hangye h4, .i-gs-hot h4, .i-n-gongsi li a{ font-size: 15px; }

    /*footer*/
    .footer dl{ margin-right: 0;}
    .footer dl + dl{ margin-left: 132px;}

}

@media screen and (min-width: 992px){
    .navbar &gt; li:hover .nav-sub{ display: block;}



}

@media screen and (max-width: 767px){

    .top{ font-size: 12px;}
    .daohang{ padding: 10px 0;}
    .daohang .logo a{ width: 110px; height: 46px; background-size: contain;}
    .nav-tel{ line-height: 46px; font-weight: 700; font-size: 18px; color: #c40000;}

    .i-box1{ padding: 30px 0;}
    .i-box2{ padding: 25px 0 30px;}
    .i-tit{ font-size: 26px; margin-bottom: 20px; }

    /*index-pro*/
    .index-pro .pic{ width: 100%;}
    .index-pro .txt{ width: 100%; padding: 15px 13px 15px 45px!important;}
    .index-pro h3{ font-size: 15px;}
    .index-pro .jia{ width: 22px; height: 22px; font-size: 24px; line-height: 20px; left: -32px;}
    .index-pro h3 a{ font-size: 20px; margin-right: 4px;}
    .index-pro p{ font-size: 13px; line-height: 26px;}
    .index-pro .txt ul{ padding-right: 0;}
    .index-pro .txt li{ margin-top: 6px;}

    /*index-about*/
    .i-a-txt{  }
    .i-a-txt h3{ font-size: 18px; padding-bottom: 10px;}
    .i-a-txt h3 a{ font-size: 14px; line-height: 24px; bottom: 8px;}
    .i-a-txt p{ line-height: 26px;}
    .i-a-txt ul{ margin: 12px -4px 0;}
    .i-a-txt li{ padding: 0 4px;}
    .i-a-txt li img{ -webkit-box-shadow: 0 0 4px 0 rgba(53,152,220,.9);
        -moz-box-shadow: 0 0 4px 0 rgba(53,152,220,.9);
        box-shadow: 0 0 4px 0 rgba(53,152,220,.9);}

    /*index-choose*/
    .index-choose .i-tit + p{ font-size: 15px; line-height: 28px; margin: 10px 0 15px;}


    /*index-kehu*/
    .index-kehu ul{ margin: 0 -2px;}
    .index-kehu li{ padding: 0 2px;}
    .i-kh-box{ padding: 0;}
    .i-kh-box h3{ font-size: 14px; text-align: center; margin-top: 0; padding: 5px 0;}

    /*index-dingzhi*/
    .index-dingzhi{ padding: 10px 0 30px; height: auto; background-size: cover;}
    .i-dz-txt{ padding: 20px 0; width: 100%; font-size: 14px; line-height: 36px;}
    .i-dz-biaodan{ position: static; width: 100%; height: auto; padding: 20px 15px 25px;}
    .i-dz-biaodan h2{ font-size: 18px; margin-bottom: 15px;}
    .i-dz-biaodan label{ width: 34px;}
    .i-dz-biaodan .text{ padding-left: 43px;}

    /*index-news*/
    .index-news{ padding: 30px 0 10px; }
    .i-n-hangye, .i-n-gongsi{ width: 100%; }
    .index-news h3{ font-size: 18px; }
    .i-n-hangye{ margin-bottom: 25px; }
    .i-n-hangye .date{ margin-right: 8px; }
    .i-n-hangye .day{ font-size: 30px; margin-bottom: 0; line-height: 40px; }
    .i-n-hangye .y-m{ font-size: 13px; line-height: 20px; }
    .i-n-hangye h4{ margin-bottom: 7px; }
    .i-n-hangye p{ font-size: 12px; line-height: 19px; height: 38px; }

    .i-gs-hot .pic{ margin-right: 8px; }
    .i-gs-hot  h4{ margin-bottom: 8px; }
    .i-gs-hot p{ font-size: 12px; line-height: 22px; height: 44px; }
}
@media screen and (max-width: 390px){
    .index-pro h3{ font-size: 12px;}
    .index-pro h3 a{ font-size: 18px; margin-right: 0;}
}</pre></body></html>